<template>
  <div class="managetime">
    <div>
        <h2>管理信息</h2>
    </div>
    <div>
        <el-row>
            <el-col :span="12">
                <div class="timecontent">
                    <div class="title">创建时间</div>
                    <div class="srk">
                        <el-date-picker
                          v-model="createTime"
                          type="datetime"
                          placeholder="Pick a Date"
                          format="YYYY/MM/DD hh:mm:ss"
                          value-format="YYYY-MM-DD h:m:s a"
                          style="width: 110%;height: 60px;"
                        />
                    </div>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="timecontent">
                    <div class="title">更新时间</div>
                    <div class="srk">
                        <el-date-picker
                          v-model="updateTime"
                          type="datetime"
                          placeholder="Pick a Date"
                          format="YYYY/MM/DD hh:mm:ss"
                          value-format="YYYY-MM-DD h:m:s a"
                          style="width: 110%;height: 60px;"
                        />
                    </div>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="timecontent">
                    <div class="title">创建人</div>
                    <div class="srk">
                        <svg t="1754968899764" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8119" width="30" height="60"><path d="M512 447.223c-88.224 0-160-71.776-160-160s71.776-160 160-160c88.225 0 160 71.776 160 160s-71.775 160-160 160z m0-256c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zM454.901 870.594c-96.594 0-184.933-3.802-231.263-49.955C203.308 800.386 193 774.164 193 742.701c0-31.629 10.247-62.812 30.457-92.686 17.978-26.573 42.908-50.741 74.098-71.833C359.256 536.46 437.418 512.53 512 512.53c74.55 0 152.55 23.943 214.002 65.691 31.05 21.094 55.861 45.273 73.746 71.867C819.822 679.937 830 711.096 830 742.701c0 31.552-10.317 57.827-30.664 78.097-50.714 50.521-151.822 50.128-258.88 49.723a7395.45 7395.45 0 0 0-56.914-0.001c-9.605 0.037-19.163 0.074-28.641 0.074zM512 806.447c9.567 0 19.149 0.037 28.701 0.073 49.52 0.191 96.284 0.37 135.808-4.396 38.418-4.633 64.546-13.604 77.659-26.668 5.079-5.06 11.832-13.96 11.832-32.755 0-38.089-27.688-78.744-75.963-111.54C638.933 596.442 574.04 576.53 512 576.53c-126.309 0-255 83.862-255 166.171 0 18.675 6.738 27.547 11.807 32.596 32.045 31.922 128.975 31.55 214.491 31.224 9.556-0.037 19.139-0.074 28.702-0.074z" fill="#8a8a8a" p-id="8120"></path></svg>
                        <input v-model="createpeople" type="text" name="" id="">
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  data() {
    return {
        createTime: ref(''),
        updateTime: ref(''),
        createpeople:''
    }
  }
}
</script>

<style scoped>
.managetime{
    padding: 20px;
    box-shadow: #c0bfbf93 5px 5px 10px;
    border-radius: 20px 20px 0 0;
    background-color: #ffffff;
    margin-top: 20px;
}
h2{
    text-align: left;
}
.timecontent{
    min-height: 80px;
    margin: 10px;
}
.title{
    font-size: 20px;
    text-align: left;
}
.srk{
    background-color: #f9fafb;
    width: 94%;
    margin-top: 10px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    justify-content: start;
    align-items: center; /* 垂直居中 */
     position: relative; /* 新增 */
}

input{
    font-size: 20px;
    height: 50px;
    width: 100%;
    background-color: #ffffff00;
    border: none;
     outline: none
}
input:focus{
border: none;
 outline: none
}
</style>